<template>
  <div class="layout-demo">
    <a-layout>
      <a-layout class="layout">
        <a-layout-sider class="layout-sider">          
          <side />
        </a-layout-sider>
        <a-layout-content class="layout-content">
          <message/>
        </a-layout-content>
      </a-layout>
    </a-layout>
  </div>
</template>

<script lang="ts" setup>
import message from './message.vue'
import side from './side.vue'
</script>
<style lang="less" scoped>
.layout-demo {
  // background-color: #EEEBF6;
  // background-color: #000;
  padding: 0;
  margin: 0;
  height: 100vh;
  .layout-sider {
    height: 100vh;
    width: 270px !important;
  }
  .layout-content {
    height: 100vh;
  }
}
</style>
